<html>
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="keywords" content="">
    <meta name="description" content="">
    <meta name="author" content="YY-MO">
    <meta content="yes" name="apple-mobile-web-app-capable" />
    <meta content="black" name="apple-mobile-web-app-status-bar-style" />
    <meta content="telephone=no" name="format-detection" />
    <title>joik</title>
    <link rel="stylesheet" type="text/css" href="css/index.css">
    <link rel="stylesheet" type="text/css" href="css/swiper.css">
</head>

<body>


    <%-include("../views-template/header.tpl.ejs")%>
    
    <div class="topimglist" style="padding-top: 100px;">

        <h1>
            <%=name%>
        </h1>

        <div class="swiper-wrapper">
            <div class="swiper-slide">
                <img src='images/2.jpg'>
            </div>
            <div class="swiper-slide">
                <img src='images/2.jpg'>
            </div>
            <div class="swiper-slide">
                <img src='images/2.jpg'>
            </div>
        </div>

        <div style="display:table;margin:0px auto;">
            <div class="swiper-pagination"></div>
        </div>

    </div>


    <!-- <%-include("../views-template/footer.tpl.ejs")%> -->
</body>

<script src="js/jquery-1.8.2.min.js"></script>
<script src="js/swiper.min.js"></script>
<script>

    window.onscroll = function () {
        let t = document.documentElement.scrollTop || document.body.scrollTop
        if (t >= 60) {
            $('.head-content').addClass('mini')
        } else {
            $('.head-content').removeClass('mini')
        }
    }

    
    // 初始话swiper
    this.mySwiper = new window.Swiper('.topimglist', {
        pagination: '.swiper-pagination',
        paginationClickable: true,
    })

    

</script>

</html>